<!-- 刷新状态 -->
<template>
	<view class="pulldownrefresh">
		<text>{{getStatus}}</text>
	</view>
</template>

<script>
	export default {
		name: "pullDownRefresh",
		props: {
			status: {
				type: Number,
				default: 0
			}
		},
		computed:{
			getStatus() {
				switch(this.status){
					case 0:
						return '~上滑加载更多~'
					case 1:
						return '正在加载中...'
					case 2:
						return '加载失败...'
					case 3:
						return '已经到底咯！我也是有底线的'
					default:
						break
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
.pulldownrefresh {
	padding: 30rpx 0;
	text-align: center;
	
	text {
		font-size: 28rpx;
		color: #666666;
	}
}
</style>
